body { background-color:#eeeeee;}

.container{
    height: 100%;
    width: 100%;
    margin:0;
    padding:0;
    background-image: url(../../images/app/maingd1.png);
    background-repeat: repeat-x;
    margin-bottom: 10px;
    background-color: #eeeeee;
}
.main{
    height: 190px;
    width:720px;
    background-image: url(../../images/app/maingd.png) ;
    background-repeat: no-repeat;
    margin: 0 auto;
}

.next { position:absolute; width:100%; top:1150px; text-align:center;}
.welcomelogo{ position:absolute; width:100%; top:100px; text-align:center;}
.scanlogo{ position:absolute; width:100%; top:50px; text-align:center;}
.mainlogo{ position:absolute; width:720px; top:35px; text-align:center;}
.scanbtu{ position:absolute; width:100%; top:650px; text-align:center;}
.pay{width:680px;margin:0 auto;position:relative; }
.pay dl{width:680px; margin:0 auto;}
.pay dt{ float:left; width:105px; height:50px; line-height:50px; font-size:20px; color:#FFF;text-align:center; margin-left:48px;}
.pay select, .pay input { padding:8px;  width:130px;}
.pay dd{ float:right;}
.paybtn { margin:0 auto; text-align:center; position:relative; margin-top:0px;}
.paybtn .list { position: absolute; left:470px; top:25px; font-size:12px; color:#FFF;}
.pay b{ margin:0 0 0 20px;}
.pay .money{	width:300px;	position:absolute;	top:37px;	left:220px; color: #FC0; font-size:35px;}
.pay .online{	width:100px;	text-align:center;	position:absolute;	top:50px;	left:610px;}
.pay .offline{	width:100px;	text-align:center;	position:absolute;	top:50px;	left:794px;}
.pay .right{	float:right; 	padding-top:3px;	width:510px;		}

.new_info {}
.new_add{width:100%; }
.text_title { padding-top:15px; clear:both; height:20px;}
.text_title b { padding-left:30px; display:block; float:left;}
.dateinfo_text { width:100%;}	
.dateinfo_text dl { font-size:14px;overflow:hidden; margin:0; padding-top:18px; height:30px; }	
.dateinfo_text dd {float:left; color:#222;	width:40%;  	font-weight:bold;text-align:left; }	
.dateinfo_text dt{color:#222;text-align:right; padding-right:30px;}	

.tab_line {margin-top:20px; display:inline-block;width:100%;}
.tab_area{ position:relative; margin-top:10px;width:450px; height:50px;}
.tab_area_title { position:absolute;top:12px; left:15px; color:#000; font-size:16px; font-weight:bold;}
.tabother{text-align:center; float:left; border-left:1px solid #ccc; line-height:50px; border-bottom:1px solid #ccc;  font-weight:bold; color: #000;}
.tabtitle{ margin-left:0;text-align:center;float:left;  line-height:50px; border-bottom:1px solid #ccc; font-weight:bold; color: #000;} 
.tabone{ clear:both; position:relative;}
.tab_t_gd {background:#eee; border-top:1px solid #ccc;}
.tab_nor{text-align:center;  border-left:1px solid #ccc; border-bottom:1px solid #ccc; text-align:center; line-height:45px;float:left;   }
.tab_one{ margin-left:0;text-align:center; line-height:45px; float:left; border-bottom:1px solid #ccc; }
.tab_20{ width:25.6%;}
.tab_30{ width:37%;}
.tab_10{ width:19%;}
.tab_15{ width:20%;}


.ml-10 { margin-left:0 !important; }

@media (min-width: 768px) {
    .ml-10 { margin-left:10px !important; }
    .col-sm-10 {width: 70%;padding-left: 0px;}
    .col-sm-2 {width: 20%;padding-left: 5px;margin-left: 0px;padding-right: 0px;margin-right: 0px;}
}

.form-control{
    float: left;
    width:100%;
    padding: 5px;
    margin-left: 0px;
}

.grid-btn{
    width:100%;
}

.col-sm-2{
    padding:5px;
    margin:0px;
}

.btn-autosize{
    width:auto;
}
.menuContent{
    background-color: #eeeeee;
    display:none;
    position: absolute;
    left:0px;
    top:30px;
    z-index: 100;
}

.btn-toolbar>.btn-group{
    margin-top:5px;
}
